<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- js的代码可以嵌入到html的script标签中 -->

    <!-- 1.行内式,直接嵌入到html元素内部 -->
    <input type="button" value="我是一个按钮" onclick="alert('你点你马呢')">
     <!--
         HTML的有些属性,是可以嵌入一段JS的.
         像这种onclick这样的属性,功能是捕获"点击事件"
         用户点击这个元素就会触发点击事件
         通过onclick就能够捕获这个点击事件,进一步的就出发了对应的JS代码
       -->


    <!-- 2.内嵌式,写到script标签中 -->
    <!-- <script>
        alert("你好!");
    </script> -->

    <!-- 3.外部式,写到单独的.js文件中 -->
    <script src="demo1.js"></script>
    <!-- 注意,此时script标签中间(带有src属性之后)不能写代码,必须空着(写了也不会执行) -->

    <!-- 如果一个页面中包含了多个script标签,就会按照script出现的先后顺序决定执行顺序 -->

    <script src="demo2.js"></script>
</body>
</html>